<template>
	<view class="categore page">
		<custom-nav-bar title='分类'></custom-nav-bar>
		<view class="content">
			<special-item v-for="item in classfiy" :item='item' :key="item._id"></special-item>
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue';
	import {
		getCategories
	} from '../../api/api';
	const classfiy = ref([])
	const getCategory = async () => {
		const res = await getCategories({
			pageSize: 15
		})
		classfiy.value = res.data
	}
	getCategory()
</script>

<style lang="scss" scoped>
	.content {
		padding: 30rpx;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 15rpx;
	}
</style>